<section class="tab-con tab-con-0">
	<div class="total-data">
		<div class="sub-title">
			Data Overview
		</div>
		<div class="data-list">
			<div class="data-item">
				<div class="label">GD Score</div>
				<div class="num">${blogger.score}</div>
			</div>
			<div class="data-item">
				<div class="label">Followers</div>
				<div class="num">${blogger.followerCount}</div>
			</div>
			<div class="data-item">
				<div class="label">Likes</div>
				<div class="num">${blogger.likeCount}</div>
			</div>
			<div class="data-item">
				<div class="label">Posts</div>
				<div class="num">${blogger.postCount}</div>
			</div>
		</div>
	</div>
	<div class="avg-data">
		<div class="sub-title">
			Video Data
			<span>(Recent 30-day posts average data)</span>
		</div>
		<div class="data-list">
			<div class="data-item">
				<div class="label">Avg Views</div>
				<div class="num">${blogger.avgViews}</div>
			</div>
			<div class="data-item">
				<div class="label">Avg Likes</div>
				<div class="num">${blogger.avgLikes}</div>
			</div>
			<div class="data-item">
				<div class="label">Avg Reviews</div>
				<div class="num">${blogger.avgReviews}</div>
			</div>
			<div class="data-item">
				<div class="label">Avg Share</div>
				<div class="num">${blogger.avgShare}</div>
			</div>
		</div>
	</div>
	<div class="lock-mask">
		<div class="daily-performance">
			<div class="sub-title">Daily Growth Trend</div>
			<div class="unlock-row">
				<div class="desc">
					Example shown below.  Unlock to view more.
				</div>
				<div>
					<button class="btn btn-info">Unlock Report</button>
				</div>
			</div>
			<div class="chart-con">
				<div class="tab-row">
					<div class="tabs">
						<div class="tab is-active" data-name="daily" data-type="1">Followers</div>
						<div class="tab" data-name="daily" data-type="2">Likes</div>
					</div>
					<div class="pop-right" id="popDate">
						<div class="pop-title" id="popTitle">Recent 7 Days</div>
						<i class="iconfont icondown1"></i>
						<div class="pop-tabs" id="popTabs">
							<div class="pop-tab is-active">Recent 7 Days</div>
							<div class="pop-tab">Recent 30 Days</div>
						</div>
					</div>
				</div>
				<div class="chart-ana" id="dailyChart">
				</div>
			</div>
		</div>
		<div class="post-performance">
			<div class="sub-title">Recent Posts Performance</div>
			<div class="unlock-row">
				<div class="desc">
					Example shown below.  Unlock to view more.
				</div>
				<div>
					<button class="btn btn-info">Unlock Report</button>
				</div>
			</div>
			<div class="chart-con">
				<div class="tab-row">
					<div class="tabs">
						<div class="tab is-active" data-name="post" data-type="1">Views</div>
						<div class="tab" data-name="post" data-type="2">Likes</div>
					</div>
				</div>
				<div class="chart-ana" id="postChart">
				</div>
			</div>
		</div>
		<div class="lock-row">
			<button class="btn btn-default" id="btnShowExam">Show Example</button>
			<button class="btn btn-info">Unlock Report</button>
		</div>
	</div>
	<div class="hot-video">
		<div class="sub-title">Video</div>
		<div class="video-list">
        <#list videos as data>
					<a href="${data.shareUrl}">
						<div class="video-item">
							<img src="${data.cover}">
							<div class="video-data">
								<i class="iconfont iconic_play"></i>
                  ${data.views}
							</div>
						</div>
					</a>
        </#list>
		</div>
	</div>
	<div class="more-tiktoker">
		<div class="sub-title">Explore More TikTokers</div>
		<div class="blogger-list">
        <#list bloggers as item>
					<a href="${contextPath}/tiktoker/${item.uniqueId}">
						<div class="blogger-item">
							<div class="avatar">
								<img src="${item.avatar}" alt="GugeeData">
                  <#if (item.customVerify?? && item.customVerify != '') || (item.enterpriseVerifyRreason?? && item.enterpriseVerifyRreason != '')>
										<i class="iconfont iconzhichi"></i>
                  </#if>
							</div>
							<div class="blogger-info">
								<div class="nickname">${item.nickname}</div>
								<div class="data">
									Followers   ${item.followerCount}
									<span>•</span>
									Likes   ${item.likeCount}
								</div>
							</div>
						</div>
					</a>
        </#list>
		</div>
		<div class="end">
			You have reached the end.
		</div>
	</div>
</section>